<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>加入心动页面</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/top.css"/>
		<link rel="stylesheet" type="text/css" href="css/通用.css"/>
		<link rel="stylesheet" type="text/css" href="css/floatLogo.css"/>
	
		<style type="text/css">
			#img_box{
				background-image: url(img/img05.png);
				background-size: 100%;
				background-repeat: no-repeat;
				height: 500px;
				width: 1520px;
			}
			#top_center a{
				color: #FFFFFF;
			}
			#top_center{
				color: #FFFFFF;
			}
			#tbox{
				width: 450px;
				height: 150px;
				margin-top: 120px;
			}
			#t1{
				font-style: italic;
				text-align: center;
				font-size: 20px;
				color: #FFFFFF;
			}
			#t2{
				text-align: center;
				font-size: 16px;
				color: #FFFFFF;
			}
			#table1 td {
				
				background-size: 100%;
				background-repeat: no-repeat;
				width: 490px;
				height: 310px;
			}
			.enter{
				cursor:pointer;
				color: #000000;
				border-style: none;
				border-radius: 18px;
				background-color: #FFFFFF;
				width: 100px;
				height: 40px;
			}
			.text{
				font-style: italic;
				font-size: 26px;
				color: #FFFFFF;
				font-weight: bold;
			}
			#bt1{
				margin-top: 120px;
				margin-left: 50px;
				width: 200px;
				height: 200px;
				float: left;
			}
			 #table2 {
				margin-left: 35px;
			}
			
		</style>
	</head>
	<body>
		<img src="img/imgmove.png" width="30px"  style="position: absolute;" id="imgmove">
		<div id="right_float" >
			<a href="index.html"><img src="img/logo.png" ></a>
		</div>
					
		<div id="img_box">
			<div id="top">
				<div id="top_center">
					<a href="index.html"><img src="img/logo2.png" class="logo" ></a>
					<div class="top_list_box">
						<ul class="top_list">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="论坛.html">论坛</a>
							</li>
							<li>
								<a href="游戏.html">游戏</a>
							</li>
							<li>
								<a href="加入心动.html">加入心动</a>
							</li>
							<li>
								<a href="家长指引.html">家长指引</a>
							</li>
							<li>
								<a href="#">其他</a>
								<ul>
									<li class="lis"><a href="留言.html">留言</a></li>
									<li class="lis"><a href="pacific.html">太平洋网络</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="search_box">
							<input type="text" name=""  value="" class="search" placeholder="搜索" /><a href=""><img src="img/搜索按钮.png" ></a>
							
					</div>
					<a href="登录.html">登录</a> |
					<a href="注册.html">注册</a>
		</div>
		</div>
			<div align="center">
				<div id="tbox">
					<div id="t1">加入我们</div>
					<div id="t2">不签竞业、不强制996、无限假期、业内标杆的工作环境!你将与匠人们一起，在开放自由的文化中打造不同凡响的游戏。</div>
				</div>
			</div>
		</div>
		<div id="tables_box">
			<div align="center" id="table1">
				<table border="0" cellspacing="50px" cellpadding="0">
					<tr>
						<td style="background-image: url(img/img06.png);"><div id="bt1">
								<div class="text">
									校园招聘
								</div>
								<div style="height: 120px;">
									<a href="#"><button type="button" value="加入我们" class="enter" >加入我们</button></a>
								</div>
							</div>
						</td>
						<td style="background-image: url(img/img07.png);"><div id="bt1">
								<div class="text">
									社会招聘
								</div>
								<div style="height: 120px;">
									<a href="#"><button type="button" value="加入我们" class="enter" >加入我们</button></a>
								</div>
							</div>
						</td>
					</tr>
				</table>
			</div>
			
			<div id="table2" >
				<div id="" align="center" class="text" style="color: #000000;">
					心星之火
				</div>
				<table border="0" cellspacing="50px" cellpadding="0"  >
					<tr>
						<td rowspan="2" align="right"><img src="img/img08.png" ></td>
						<td><img src="img/img09.png" ></td>
					</tr>
					<tr>
						
						<td><img src="img/img10.png" ></td>
					</tr>
					<tr>
						<td align="right"><img src="img/img11.png"  style="width: 80%;height: 80%;"></td>
						<td rowspan="2"><img src="img/img12.png" ></td>
					</tr>
					<tr>
						<td align="right"><img src="img/img13.png" ></td>
						
					</tr>
				</table>
				<div  align="center" style="height: 120px;">
					<a href="#"><button type="button" value="查看更多" class="enter"  style="background-color: #FF6600;">查看更多</button></a>
				</div>
			</div>
			
		</div>
		<div class="base">
				<!-- 底部通用于所有网页 -->
				<div id="base_center">
					<table border="0px" cellspacing="20px" cellpadding="5px">
						
						<tr>
							<td>
								<a href="#">免责声明</a> |
								<a href="#">隐私政策</a> |
								<a href="#">用户协议</a> |
								<a href="#">游戏大厅</a> |
								<a href="#">论坛</a>
							</td>
							<td align="right"><img src="img/logo2.png" ></td>
						</tr>
						<tr>
							<td>学号：2403130240</td>
							<td></td>
						</tr>
						<tr>
							<td>姓名：陈奕喧</td>
							<td></td>
						</tr>
						<tr>
							<td>在线客服微信公众号：123456</td>
							<td align="right">河北互联网举报中心</td>
						</tr>
						<tr>
							<td>投诉举报邮箱：tousu@xd.com</td>
							<td align="right">网上有害信息举报专区</td>
						</tr>
					</table>
				</div>
			</div>
			<script type="text/javascript">
				//下拉列表
				var list=document.querySelector(".top_list");
				var lis=list.children;
				for(var i=0;i<lis.length;i++){
					if(lis[i].children.length=="2"){
						lis[i].addEventListener("mousemove",function(){
							this.children[1].style.display="block";
							
						});
						lis[i].addEventListener("mouseout",function(){
							this.children[1].style.display="none";
						});
					}
				}
				//鼠标事件
				var pic=document.getElementById("imgmove");//获取图片对象
				document.addEventListener('mousemove',function(e){//添加鼠标移动事件
					var x=e.pageX||e.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);//获取鼠标在文档中的x坐标
					var y=e.pageY||e.clientY+(document.body.scrollTop||document.documentElement.scrollTop);//获取鼠标在文档中的y坐标
					pic.style.left=x+2+"px";//第四象限
					pic.style.top=y+2+'px';
				})
				
				
			</script>
	</body>
</html>
